@charset "utf-8";
/******************************************************

 概况：样式表入口文件
 
 ******************************************************/

/* 全局 */
@import 'main.css';

/* 公共 */
@import 'public.css';

/* 头部 */
@import 'header.css';

/* 底部 */
@import 'footer.css';


.banner{ height:460px; background:url(../images/free/z_02.png) center no-repeat;}
.banner .center{ width:1200px; margin:0 auto;padding-top:20px;}
.banner .types{ width:300px; background:#fff; }
.banner .types dl{ padding: 15px 15px 15px 55px;  overflow:hidden; transition:background 0.3s;}
.banner .types dl.i1{background:#fff url(../images/free/i1.png) 25px 26px no-repeat;}
.banner .types dl.i2{background:#fff url(../images/free/i2.png) 25px 26px no-repeat;}
.banner .types dl.i3{background:#fff url(../images/free/i3.png) 25px 26px no-repeat;}
.banner .types dl.i4{background:#fff url(../images/free/i4.png) 25px 26px no-repeat;}
.banner .types dl.i1:hover{ background:#E8E8E8 url(../images/free/i1.png) 25px 26px no-repeat;}
.banner .types dl.i2:hover{ background:#E8E8E8 url(../images/free/i2.png) 25px 26px no-repeat;}
.banner .types dl.i3:hover{ background:#E8E8E8 url(../images/free/i3.png) 25px 26px no-repeat;}
.banner .types dl.i4:hover{ background:#E8E8E8 url(../images/free/i4.png) 25px 26px no-repeat;}
.banner .types dl dt{ line-height:30px; font-size:18px;}
.banner .types dl dd{ font-size:15px; padding-top:5px; height:45px; overflow:hidden;} 
.banner .types dl dd a{ padding-right:15px;}


.active_a{ border-bottom:#CCC 1px solid; background:#fff;}
.active_a .center{width:1100px; margin:0 auto; overflow:hidden; padding:45px 0;}
.active_a dl{ padding-left: 53px; margin: 0 55px; float:left; background: url(../images/free/z_05.png) 10px 7px no-repeat; width: 110px;}
.active_a dl dt{ font-size: 23px; line-height: 26px; font-weight:bold; color:#666}
.active_a dl dd{ font-size:12px;}


/*.title_a{   }*/

.title_a{border-bottom: 1px dashed #dcdcdc;margin: 0 auto; width: 786px;padding:35px 0 10px 0;}
.title_a dl{ text-align:center; }
.title_a dl dt{ font-size:28px;color: #C75A8C; font-weight:bold; height:40px; line-height:40px;}
.title_a dl dd{ }
.title_a dl dd a{ font-size:13px; padding:0 5px;}

.index_a{width:1200px; margin:0 auto; padding-bottom:30px;}
.index_a .list{ overflow:hidden; width: 1250px; }
.index_a section{ background:#fff; float:left; width: 561px; border-radius:3px; margin:25px 25px 0 0; padding:13px;}
.index_a section .pic{ float:left; width:270px;}
.index_a section .pic img{ width:270px; height:180px;}
.index_a section .info{ padding-left:285px;}
.index_a section .info h3{ height:35px; overflow:hidden; border-bottom:#dcdcdc 1px solid; color:#000; font-size:18px; line-height:35px; font-weight:normal;}
.index_a section .info p{ height:52px; overflow:hidden; margin-top:10px; background:url(../images/free/1_11.png) 5px 5px no-repeat; line-height:18px; padding:0 0 0 25px;}
.index_a section .info .price{ padding:15px 0 5px 0;}
.index_a section .info .price font{ font-weight:bold; font-size:30px; color:#ff3366;}
.index_a section .info .price span{ font-weight:bold; font-size:18px; padding-left:5px; text-decoration:line-through}
.index_a section .info .button a{ background:#ff3366; color:#fff; border-radius:3px; font-size:16px;height:35px; line-height:35px; padding:5px 20px;}


























